<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<meta name="viewport"
	content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<title>主页</title>
<script type="text/javascript"
	src="catalog/view/javascript/jquery/jquery-1.7.1.min.js"></script>
<script type="text/javascript"
	src="catalog/view/javascript/touchscroll/touchScroll.js"></script>
<script type="text/javascript"
	src="catalog/view/javascript/touchscroll/touchslider.dev.js"></script>

<script type="text/javascript">
	<!--
	window.onresize = function(){  
	    $('#back_img').css({'height':+$(window).height()+"px"});
	   	
	}
	  
	$(document).ready(function() {
		$('#back_img').css({'height':+$(window).height()+"px"});

		var active=0,
		as=document.getElementById('pagenavi').getElementsByTagName('a');
		
	for(var i=0;i<as.length;i++){
		(function(){
			var j=i;
			as[i].onclick=function(){
				t2.slide(j);
				return false;
			}
		})();
	}
	

	var t2=new TouchSlider({id:'slider', speed:600, timeout:6000, before:function(index){
			as[active].className='';
			active=index;
			as[active].className='active';
		}});
		
		
	});
//-->
</script>
<style type="text/css">
body {
	color: #000000;
	FILTER: progid : DXImageTransform.Microsoft.Gradient ( gradientType = 1,
		startColorStr = #ffffff, endColorStr = #96abd8 ); /*IE*/
	background: -moz-linear-gradient(top, #ffffff, #96abd8); /*火狐*/
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff),
		to(#96abd8) ); /*谷歌*/
	font-family: Microsoft YaHei, Helvitica, Verdana, Tohoma, Arial,
		san-serif;
	margin: 0px;
	padding: 0px;
	overflow: auto;
}


.left_container_son {
	overflow: hidden;
}

.left_container_son div {
	float: left;
	min-width: 80px;
	height: 60px;
	margin-left: 20px;
	margin-top: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	background: rgba(64, 82, 153, 0.8) none repeat scroll 0 0 !important;
	-webkit-border-radius: 7px 7px 7px 7px;
	-moz-border-radius: 7px 7px 7px 7px;
	-khtml-border-radius: 7px 7px 7px 7px;
	border-radius: 7px 7px 7px 7px;
}

.left_container_son div h5 {
	padding: 0 !important;
	margin: 0 !important;
}

#content {
	min-width: 250px;
	min-height: 300px;
	position: absolute;
	top: 0;
}

.left_container_son {
	float: left;
}

.left_container_son div label {
	position: relative;
}

#slider {
	margin: 0;
	padding: 0;
}

.left_container_son div a {
	text-decoration: none;
	color: #ffffff;
}

.left_container_son div img {
	width: 40px;
	height: 40px;
}

#powered {
	text-align: center !important;
	margin-bottom: 40px;
}

.buttom_bar {
	position: fixed;
	overflow: hidden;
	width: 100%;
	bottom: 0px;
	z-index:65535;
}


.buttom_bar_son{
	position: fixed;
	overflow: hidden;
	width: 25%;
	bottom: 50px;
	right:0px;
	z-index:65535;
}

.buttom_bar_son_shequ{
	position: fixed;
	overflow: hidden;
	width: 25%;
	bottom: 50px;
	right:25%;
	z-index:65535;
}


ul.sonMenu_son li{
	height: 40px;
	background-color: #4f5aa4;
	text-align: center;
	line-height: 40px;
	color: #ffffff;

}

ul.sonMenu_son_shequ li{
	height: 40px;
	background-color: #4f5aa4;
	text-align: center;
	line-height: 40px;
	color: #ffffff;

}

.buttom_bar_son ul{
	list-style:none;
	overflow:hidden;
	padding:0px;
}

.buttom_bar_son a {
	color: #ffffff !important;
	text-decoration: none;
}

.buttom_bar_son_shequ ul{
	list-style:none;
	overflow:hidden;
	padding:0px;
}

.buttom_bar_son_shequ a {
	color: #ffffff !important;
	text-decoration: none;
}


.buttom_bar a {
	color: #ffffff !important;
	text-decoration: none;
}

.buttom_bar ul{
	list-style:none;
	overflow:hidden;
	margin:0;
	padding:0;
	width:100%;
}

.buttom_bar ul.bottom_menu li.bottom_menu_li{
	float:left;
	width:25%;
	height: 40px;
	background-color: #4f5aa4;
	text-align: center;
	line-height: 40px;
	color: #ffffff;
}

.buttom_bar ul li:hover{
	cursor:pointer;

}

ul.sonMenu{
	margin-top:100px;
	position:fixed ;
	width:25%;
	z-index:65536;
}

ul.sonMenu_son{
	margin-top:-200px;
}

ul.sonMenu_son_shequ{
	margin-top:-500px;
}

ul.sonMenu li{
	height: 40px;
	background-color: #4f5aa4;
	text-align: center;
	line-height: 40px;
	color: #ffffff;

}

.sonMenu_son li,.sonMenu_son_shequ li{
	border-bottom:2px solid #DDD
}
</style>
</head>
<body>

	<ul id="slider">
		<li style="display: block"><img id="back_img"
			src="catalog/view/theme/mobile/image/xj/home/home_back.png"
			width="100%"></li>
	</ul>

	<div id="pagenavi">
		<a href="javascript:void(0);" class="active"></a>
	</div>

	<div id="content">
		<div class="left_container_son">
			<div>
				<a
					href="<?php echo HTTP_SERVER?>index.php?route=daohang/daohang/yijing"><img
					src="catalog/view/theme/mobile/image/xj/home/yijing.png">
					<h5>胥江义警</h5> </a>
			</div>
			<div>
				<a
					href="<?php echo HTTP_SERVER?>index.php?route=message/lost_property"><img
					src="catalog/view/theme/mobile/image/xj/home/zhaoling.png">
					<h5>失物招领</h5> </a>
			</div>
		</div>

		<div class="left_container_son">
			<div>
				<a
					href="<?php echo HTTP_SERVER?>index.php?route=daohang/daohang/zoujin"><img
					src="catalog/view/theme/mobile/image/xj/home/zoujin.png">
					<h5>走进胥江</h5> </a>
			</div>
			<div>
				<a href="<?php echo HTTP_SERVER?>index.php?route=message/order"><img
					src="catalog/view/theme/mobile/image/xj/home/fuwu.png">
					<h5>预约服务</h5> </a>
			</div>
		</div>

		<div class="left_container_son">
			<div>
				<a
					href="<?php echo HTTP_SERVER?>index.php?route=message/article&code=<?php echo CODE_ENUM::JUZHUZHENGBANLI;?>"><img
					src="catalog/view/theme/mobile/image/xj/home/juzhuzheng.png">
					<h5>居住证办理</h5> </a>
			</div>
			<div>
				<a
					href="<?php echo HTTP_SERVER?>index.php?route=message/week_situation/all"><img
					src="catalog/view/theme/mobile/image/xj/home/tongbao.png">
					<h5>警情通报</h5> </a>
			</div>
		</div>

		<div class="left_container_son">
			<div>
				<a
					href="<?php echo HTTP_SERVER?>index.php?route=daohang/daohang/jiaru"><img
					src="catalog/view/theme/mobile/image/xj/home/jiaru.png">
					<h5>加入胥江</h5> </a>
			</div>
			<div>
				<a
					href="http://map.baidu.com/mobile/?third_party=uri_api#place/detail/qt=s&wd=苏州市胥江派出所&searchFlag=uri_api&c=224/i=0&showall=0&vt=map"><img
					src="catalog/view/theme/mobile/image/xj/home/daohang.png">
					<h5>一键导航</h5> </a>
			</div>
		</div>
	</div>

	<div class="buttom_bar">
	<ul class="bottom_menu">
		<li class="bottom_menu_li"><a  class="back_bottom"><img
			src="catalog/view/theme/mobile/image/xj/foot/foot_home.png"
			style="float: left; margin-top: 10px;width:20px;height:20px;" />退出<img
			src="catalog/view/theme/mobile/image/xj/foot/foot_shu.png"
			style="float: right;" /></a>
			</li>
			<li class="bottom_menu_li"><a class="register_bottom"
			href="<?php echo HTTPS_SERVER?>index.php?route=message/wei"><img
			src="catalog/view/theme/mobile/image/xj/foot/foot_us.png"
			style="float: left; margin-top: 10px;width:20px;height:20px;" />微社区<img
			src="catalog/view/theme/mobile/image/xj/foot/foot_shu.png"
			style="float: right;" /> </a></li>
		<li class="bottom_menu_li"><a  id="shequ"  class="shequ_bottom"
			><img
			src="catalog/view/theme/mobile/image/xj/foot/foot_home.png"
			style="float: left; margin-top: 10px;width:20px;height:20px;" />社区<img
			src="catalog/view/theme/mobile/image/xj/foot/foot_shu.png"
			style="float: right;" /></a>
				
			</li>
		
		<li class="bottom_menu_li"><a  id="zhongxing"  class="person_bottom"
			><img
			src="catalog/view/theme/mobile/image/xj/foot/foot_home.png"
			style="float: left; margin-top: 10px;width:20px;height:20px;" />中心</a>
			</li>
	</ul>
	</div>
	
	<div class="buttom_bar_son">
			<ul   class="sonMenu_son">
					<li><a class="account_bottom" href="<?php echo HTTPS_SERVER?>index.php?route=account/account">个人中心</a></li>
					<li><a class="login_bottom" href="<?php echo HTTPS_SERVER?>index.php?route=account/login">登录 </a></li>
					<li><a class="register_bottom" href="<?php echo HTTPS_SERVER?>index.php?route=account/register">注册</a></li>
					<li><a class="quit_bottom">注销</a></li>
			</ul>
	</div>
	
	<div class="buttom_bar_son_shequ">
			<ul   class="sonMenu_son_shequ">
					<li style=""><a  href="http://map.baidu.com/mobile/?third_party=uri_api#place/detail/qt=s&wd=苏州市姑苏区胥江街道胥江社区居民委员会&searchFlag=uri_api&c=224/i=0&showall=0&vt=map">胥江社区</a></li>
					<li><a  href="http://map.baidu.com/mobile/?third_party=uri_api#place/detail/qt=s&wd=苏州市万年社区&searchFlag=uri_api&c=224/i=0&showall=0&vt=map">万年社区</a></li>
					<li><a  href="http://map.baidu.com/mobile/?third_party=uri_api#place/detail/qt=s&wd=三香路197号&searchFlag=uri_api&c=224/i=0&showall=0&vt=map">三香社区</a></li>
					<li><a  href="http://map.baidu.com/mobile/?third_party=uri_api#place/detail/qt=s&wd=桐泾南路798号&searchFlag=uri_api&c=224/i=0&showall=0&vt=map">新沧社区</a></li>
					<li><a  href="http://map.baidu.com/mobile/?third_party=uri_api#place/detail/qt=s&wd=胥江路658号&searchFlag=uri_api&c=224/i=0&showall=0&vt=map">胥虹社区</a></li>
					<li><a  href="http://map.baidu.com/mobile/?third_party=uri_api#place/detail/qt=s&wd=劳动路386号&searchFlag=uri_api&c=224/i=0&showall=0&vt=map">潼泾社区</a></li>
					<li><a  href="http://map.baidu.com/mobile/?third_party=uri_api#place/detail/qt=s&wd=泰南路120号&searchFlag=uri_api&c=224/i=0&showall=0&vt=map">泰南社区</a></li>
			</ul>
	</div>
	
	<script type="text/javascript">
<!--

$('.person_bottom').bind('click',function(){
	//WeixinJSBridge.call('closeWindow');
	$('.sonMenu_son').each(function(){
			$(this).css('marginTop',"100px");
		});

	$('.sonMenu_son_shequ').each(function(){
		$(this).css('marginTop',"-500px");
	});
});

$('.shequ_bottom').bind('click',function(){
	//WeixinJSBridge.call('closeWindow');
	$('.sonMenu_son_shequ').each(function(){
		$(this).css('marginTop',"100px");
	});
	$('.sonMenu_son').each(function(){
		$(this).css('marginTop',"-500px");
	});

});

$('.back_bottom').bind('click',function(){
	WeixinJSBridge.call('closeWindow');
});

$(document).bind('click',function(e){
	if(e.target.id!='zhongxing'){
		$('.sonMenu_son').each(function(){
			$(this).css('marginTop',"-200px");
		});
	}

	if(e.target.id!='shequ'){
		$('.sonMenu_son_shequ').each(function(){
			$(this).css('marginTop',"-500px");
		});
	}
	
});

//-->
</script>
	<div id="powered"></div>

</body>
</html>
